.login_page {
  width: 100vw;
  height: 100vh;
  background-image: url("@/img/loginPageBg.png");
  background-repeat: no-repeat;
  background-size: cover;
  .login_form_box {
    width: 1101px;
    height: 579px;
    min-height: 458px;
    left: 50%;
    // padding: 40px 60px 32px;
    position: fixed;
    background: #ffffff;
    border-radius: 8px;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: flex-start;
    .login_form_left {
      width: 461px;
      height: 408px;
      background: url("@/img/login_left.png") no-repeat;
      background-size: cover;
      margin: 85px 85px 85px 80px;
    }
    .logo_text{
      width: 100%;
      height: 44px;
      font-size: 32px;
      font-weight: 600;
      color: #000000;
      line-height: 44px;
      text-align: left;
      margin-bottom: 21px;
    }

    .login_tab_list {
      // width: 100%;
      width: 390px;
      // height: 64px;
      display: flex;
      // padding: 2px 0 20px;
      padding: 5px;
      background: #F8F8F8;
      text-align: center;
      border-radius: 5px;
      li {
        // min-width: 50px;
        width: 195px;
        display: inline-block;
        // margin-right: 30px;
        height: 53px;
        line-height: 53px;
        // margin-bottom: 10px;
        position: relative;
        // padding: 0 3px;
        cursor: pointer;
        font-size: 19px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 600;
        color: #333333;
        &.actives {
          color: #f66e2c;
          border-radius: 5px;
          background: #fff;
          // &::after {
          //   position: absolute;
          //   content: "";
          //   bottom: 0;
          //   left: 0;
          //   width: 100%;
          //   height: 2px;
          //   background-color: #f66e2c;
          // }
        }
      }
    }


    .input_wrap {
      :global .ant-form-item-control-input-content {
        border-radius: 5px;
        border: 1px solid rgba(0, 0, 0, 0.15);
        height: 64px;
        display: flex;
        font-size: 21px;
        align-items: center;
        background: #ffffff;
      }
    }

    .phone_icon {
      display: flex;
      align-items: center;
      padding-right: 2px;
  
      > div {
        background-image: url("@/img/phone.png");
        width: 29px;
        background-position: center, center;
        background-repeat: no-repeat;
        height: 29px;
        border-radius: 50%;
        margin-right: 2px;
      }
  
      > span {
        font-size: 16px;
        font-weight: 400;
        color: #999999;
      }
    }

    .password_icon {
      display: flex;
      align-items: center;
      padding-right: 2px;
  
      > div {
        background-image: url("@/img/password.png");
        width: 29px;
        background-position: center, center;
        background-repeat: no-repeat;
        height: 29px;
        border-radius: 50%;
      }
    }

    // 获取验证码/重新发送 文案
    .code_suffix_text {
      cursor: pointer;
      font-size: 16px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #1890FF;
    }

    .login_submit{
      width: 100%;
      height: 48px;
      border-radius: 4px;
      background: #f66e2c;
      font-size: 16px;
      color: #fff;
      display: block;
      text-align: center;
  
      &:disabled {
        opacity: 0.5;
  
        &:hover {
          color: #fff;
          border-color: inherit;
          background: #f66e2c;
        }
      }
    }

  }
}
:global #nc{
    .nc_wrapper{
      // width: 100%;
      width: 416px !important;
      height: 46px !important;
      line-height: 46px!important;
      // font-size: 14px;
    }
    .nc_scale {
      background: #ffffff;
      // border: 1px solid rgba(0, 0, 0, 0.15);
      height: 46px;
      // border-radius: 4px;
      .nc_iconfont {
        height: 45px;
        line-height: 45px;
      }
      .nc-lang-cnt{
        font-size: 16px;
        line-height: 46px;
        height: 46px;
      }
    }
}


  